<!-- partial HTML -->
<div id="ov-ui-ref-custom">
    <div class="button-panel">
        <div class="my-button" ng-click="getData()">
            Fetch Data
        </div>
    </div>

    <div id="ov-ui-ref-wrapper">
        <div class="data-panel">
            <table>
                <tr>
                    <td> Number </td>
                    <td class="number"> {{data.number}} </td>
                </tr>
                <tr>
                    <td> Square </td>
                    <td class="number"> {{data.square}} </td>
                </tr>
                <tr>
                    <td> Cube </td>
                    <td class="number"> {{data.cube}} </td>
                </tr>
            </table>

            <p>
                A message from our sponsors:
            </p>
            <p>
                <span class="quote"> {{data.message}} </span>
            </p>
        </div>
        <div class="data-panel">
            <div icon icon-id="nav_uiref" icon-size="180"
                 tooltip tt-msg="Don't Worry... Be Happy!"
                 ng-click="nav('topo')"></div>
        </div>
    </div>
</div>
